﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Header-Footer.master" AutoEventWireup="true" CodeFile="Blog-Post.aspx.cs" Inherits="Blog_Post" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<style id="tumblercss">
.post_loader {
display: none;
opacity: 0;
-webkit-transition: opacity .15s ease;
-moz-transition: opacity .15s ease;
-ms-transition: opacity .15s ease;
-o-transition: opacity .15s ease;
transition: opacity .15s ease;
}
#new_post #post_header {
padding: 13px 20px 2px;
margin: 0;
}

#post_header {
position: relative;
font-size: 13px;
margin: 3px 0 12px;
padding: 0;
}
.popover.flex_nip .nipple {
position: absolute;
top: -13px;
width: 0;
height: 0;
border: 0;
border-right: 13px solid transparent;
border-left: 13px solid transparent;
border-bottom: 13px solid rgba(0,0,0,0.3);
left: 78px;
}
.clearfix {
zoom: 1;
}
#tumblelog_select {
float: left;
position: relative;
}#tumblelog_select .txt {
position: relative;
display: inline-block;
max-width: 200px;
padding-right: 12px;
color: #b1b1b1;
cursor: pointer;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#tumblelog_select .popover {
width: 250px;
} 
.popover_post_options {
top: 31px;
left: -28px;
white-space: nowrap;
min-width: 200px;
} 
.popover_gradient {
background-color: transparent;
background-image: -moz-linear-gradient(rgba(0,0,0,0.26),rgba(0,0,0,0.45));
background-image: -ms-linear-gradient(rgba(0,0,0,0.26),rgba(0,0,0,0.45));
background-image: -o-linear-gradient(rgba(0,0,0,0.26),rgba(0,0,0,0.45));
background-image: -webkit-linear-gradient(rgba(0,0,0,0.26),rgba(0,0,0,0.45));
background-image: linear-gradient(rgba(0,0,0,0.26),rgba(0,0,0,0.45));
padding: 1px;
} 
.popover {
background-color: #f3f3f3;
cursor: default;
position: absolute;
z-index: 2147483646;
border-radius: 6px;
box-shadow: 0 4px 9px rgba(0,0,0,0.35);
}
.popover_post_options.popover_gradient:not(.tumblelog_popover):not(.search_popover)>.popover_inner {
padding: 3px 10px 3px 10px;
}

.popover_gradient>.popover_inner:last-child {
webkit-border-top-right-radius: 6px;
-webkit-border-top-left-radius: 6px;
-moz-border-top-right-radius: 6px;
-moz-border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}

.popover_gradient>.popover_inner:last-child {
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-bottom-right-radius: 6px;
-moz-border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}

.popover_gradient>.popover_inner:last-child {
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}

.popover_post_options>.popover_inner {
border-radius: 6px;
background: #fff;
padding: 3px 10px 3px 10px;
}

.popover_gradient>.popover_inner, .popover.search_popover>.popover_inner {
padding: 4px 0;
background: #fff;
}

.popover_menu>.popover_inner {
padding: 0;
}

.popover_gradient>.popover_inner {
background: #f3f3f3;
padding: 10px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.75);
}#post_form .popover_post_options ul li:first-child {
border-top: 0;
box-shadow: none;
}

#post_form .popover_menu li {
cursor: pointer;
}
#tumblelog_choices .post_options.popover_post_options .option {
line-height: normal;
padding: 5px 10px 5px 32px;
height: 35px;
}

#post_form .popover_post_options .option {
position: relative;
display: block;
padding: 5px 15px 5px 35px;
font-size: 14px;
font-weight: bold;
line-height: 22px;
text-decoration: none;
text-shadow: 0 1px #fff;
word-wrap: break-word;
text-overflow: ellipsis;
color: #444;
color: #444;
overflow: hidden;
}

#tumblelog_choices .post_options.popover_post_options .option .avatar_wrapper {
position: absolute;
top: 4px;
left: 8px;
overflow: hidden;
height: 37px;
width: 37px;
background-size: 37px 37px;
background-repeat: no-repeat;
border-radius: 3px;
}

#tumblelog_choices .post_options.popover_post_options .option .blog_name {
position: absolute;
max-width: 160px;
overflow: hidden;
position: absolute;
left: 54px;
top: 4px;
text-overflow: ellipsis;
}#tumblelog_choices .post_options.popover_post_options .option .blog_name .blog_title {
display: block;
font-weight: normal;
font-size: 13px;
color: #888;
line-height: 19px;
}
#new_post .post_options_wrapper {
top: 15px;
right: 20px;
}

.post_options_wrapper {
position: absolute;
top: 0;
right: 0;
}
.plexi {
cursor: default;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background-color: rgba(0,0,0,0);
display: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}


</style>

    <script src="./Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
    <script src="./tinymce/js/tinymce/tinymce.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        tinymce.init({
            selector: "textarea#txtEmailContent",
            menubar: false
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<section>

<aside class="fl">
	<h1>Write an Article </h1>
    <div class="acontainer">
    <p class="b">Create an account</p>
    <p>Sex, Etc. is a sex ed website by teens, for teens. You must be 13-19 years old to register and participate. Sex, Etc. is a sex ed website by teens,</p>
     <p>Sex, Etc. is a sex ed website by teens, for teens. You must be 13-19 years old to register and participate. Sex, Etc. is a sex ed website by teens,</p>
     <img src="images/wr.jpg" class="ac mt10px">
    </div>
</aside>


<div class="msection fl">
	<ul class="tablist">
    	<li><a href="#">Just Saying</a></li>
        <li><a href="#">Photo Share</a></li>
    </ul>

<div class="cb"></div>
<div class="middelbox">
	<ul>
    	<li>
		  <%--<div class="userlistbox"><img border="0" src="images/user1.png"></div> --%>
     	  <div class="usercontentbox">
          <asp:TextBox ID="txtTitle" runat="server"></asp:TextBox>
                            <textarea id="txtEmailContent" name="txtEmailContent" class="txtarea" rows="150" style="height:230px"></textarea>
          <asp:TextBox ID="txtTags" runat="server"></asp:TextBox>

      	<%--<p class="b">Create an account</p>
        <p>Sex, Etc. is a sex ed website by teens, for teens. You must be 13-19 years old to register and participate. Sex, Etc. is a sex ed website by teens, for teens. You must be 13-19 years old to register and participate.</p>--%>
      </div> 
      </li>
      
   </ul>        
  <div class="cb"></div>    	
</div>


</div>


<aside class="fr">
	<h1>Manage</h1>
  <div class="acontainer p0px">
    <ul class="userlist">
      <li><a href="#"><span class="usericon"><img src="images/profile_icon.jpg" height="23" width="30" border="0" align="absmiddle"></span>Profile</a></li>
      <li><a href="#"><span class="usericon"><img src="images/postadd_icon.png" height="26" width="28" border="0" align="absmiddle"></span>Post An Ads</a></li>
      <li><a href="#"><span class="usericon"><img src="images/logout_icon.png" height="28" width="28" border="0" align="absmiddle"></span>Log Out</a></li>
 	</ul>
    </div>
</aside>


<div class="cb"></div>
</section>
<!--End section-->
</asp:Content>

